<template>
    <div class="main-container">
        <div style="background-color: #fff;width: 100%;min-height: 100%;">
            <div class="fxRouter">
                <div class="fxRouter-1">
                    <span class="fxRouter-1-text-1">{{noSchedul}}</span>
                    <span class="fxRouter-1-text-2">{{noSchedul}}</span>
                    <img src="../../assets/616.png" alt="">
                </div>
                <div class="fxRouter-2">
                    <span class="fxRouter-2-text-1">{{hasSchedul}}</span>
                    <span class="fxRouter-2-text-2">{{hasSchedul}}</span>
                    <img src="../../assets/617.png" alt="">
                </div>
            </div>
        </div>
    </div>
</template>

<script lang="ts">
import { defineComponent, reactive, ref ,onMounted} from 'vue'

import { get } from '@/api/http'
export default defineComponent({
    name: 'analyse',
    components: {

    },
    setup() {
    let noSchedul = ref(0)
    let hasSchedul = ref('')
     onMounted(()=>{
        get({url:'planSingle/planSchedul/getNum'}).then((res:any)=>{
             if(res.code === 200){
                 noSchedul.value = res.data.noSchedul
                 hasSchedul.value = res.data.hasSchedul
             }
        })
     })
     return{
        noSchedul,
        hasSchedul
     }

    }
})
</script>
<style lang="less" scoped>
.main-container{
    width: 100%;
    height: 100%;
    position: relative;
}
.fxRouter {
    position: absolute;
    width: 80%;
    height: 80%;
    
    // border: 2px solid #BBB1F4;
    margin-left: 10%;
    margin-top: 6%;
    // border-radius: 5px;
    background-color: #fff;

    .fxRouter-1 {
        width: 1200px;
        height: 280px;
        position: relative;

        .fxRouter-1-text-1 {
            position: absolute;
            color: #B0B2EE;
            font-size: 40px;
            margin-left: 148px;
            margin-top: 98px;
        }

        .fxRouter-1-text-2 {
            position: absolute;
            margin-top: 208px;
            margin-left: 230px;
            font-size: 12px;
            color: #fff;
        }

        img {

            margin-top: -12px;
            margin-left: -12px;
            width: 53%;
            height: 100%;
            text-align: center;
        }
    }

    .fxRouter-2 {
        width:1200px;;
        height: 280px;
        position: relative;
        text-align: right;

        .fxRouter-2-text-1 {
            position: absolute;
            color: #B0B2EE;
            font-size: 40px;
            margin-left: 143px;
            margin-top: 125px;
        }

        .fxRouter-2-text-2 {
            position: absolute;
            margin-top: 235px;
            margin-left: 250px;
            font-size: 12px;
            color: #fff;
        }

        img {
            margin-top: 12px;
            margin-right: -12px;
            width: 53%;
            height: 100%;
        }
    }
}
</style>